import React from 'react';
require('../css/Skin.css');
class WelcomeLayer extends React.Component {
	constructor(props) {
	    super(props);
	    this.state = {

	    }
	}
	componentWillMount(){

	}

    componentDidMount(){     
    }
    closeLayer(){
    	document.querySelector(".welcome-layer").style.display = "none";
    	localStorage.setItem("hasShowLayer", true);
    }
    render() {
        return (	
            <div className="skin-layer">
           		<div className="skin-layer-mask"></div>
			    <div className="skin-layer-content">
			    	<div>
			    		<div>
			    			<p>为了更好定制适合您的面膜</p>
			    			<p>首先请您选择您的肤质</p>
			    			<p>(请认真选择肤质哦，“对症下药”效果才是最佳哈!)</p>
			    		</div>
			    		<div>
			    			<div><span></span><span>油性皮肤</span></div>
			    			<div><span></span><span>油性皮肤(有痘痘)</span></div>
			    			<div><span></span><span>中性皮肤</span></div>
			    			<div><span></span><span>干性皮肤</span></div>
			    		</div>
			    		<div>开始定制</div>
			    	</div>
			    </div>
            </div>
        )
    }
}


export default WelcomeLayer;